<template>
  <router-view />
  <!-- <van-button type="primary">主要按钮</van-button> -->
  <van-tabbar v-model="active">
    <van-tabbar-item icon="home-o"><router-link to="/home">首页</router-link></van-tabbar-item>
    <van-tabbar-item icon="search"><router-link to="/find">找房</router-link></van-tabbar-item>
    <van-tabbar-item icon="friends-o"><router-link to="/consult">咨询</router-link></van-tabbar-item>
    <van-tabbar-item icon="manager-o"><router-link to="/my">我的</router-link></van-tabbar-item>
  </van-tabbar>
</template>
<script>
import "./utils/rem";
import { ref } from "vue";

export default {
  setup() {
    const active = ref(0);
    return { active };
  },
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
</style>
